<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>体验jQuery</title>

    <style>
        div {
            height: 100px;
            margin-top: 10px;
        }
    </style>
</head>

<body>

    <button id="Two">获取文本</button>
    <button id="One">获取边框</button>
    <div></div>



</body>
<script src="js/jquery.min.js"></script>
<script>
    //入口函数
    $(document).ready(function() {
            $('#One').click(function() {
                $('div').css('border', '1px solid red');
            })
            $('#Two').click(function() {
                $('div').text('我是文本');
            })
        })
        //jQuery优势

    /* 1、可以添加多个入口函数而原生js不能;
    2、jQuery的语法简单、js的原生api长、复杂.
    3、jQuery的代码简单清楚、js代码冗余。
    4、会解决一些浏览器兼容问题
    5、jQuery的容错率高、出错也可以执行下面的代码
       原生js容错率低、一旦出错会影响下面代码; 
    */
</script>

</html>